.index_swiper{
  swiper{
    width: 750rpx;
    height: 340rpx;
    image{
      width: 100%;
    }
  }
}

.index_cate{
  display: flex;
  navigator{
    padding: 20rpx 80rpx 20rpx 80rpx;
    flex: 1;
    image{
      width: 100%;
    }
    view{
        font-size: 30rpx;
        text-align: center;
    }
  } 
}

.top_title{
    color:var(--themeColor);
    font-size: 40rpx;
}


.house_item{
  padding: 10rpx;
  display: flex;
  border-bottom: 1px solid #ccc;
  .house_img_wrap{
    flex: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    image{
      width: 80%;
    }
  }
  .house_info_wrap{
    flex: 3;
    display: flex;
    flex-direction: column;

    .house_title{
      padding-top: 10rpx;
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp:2;
      font-weight: bold;
      font-size: 33rpx;
      padding-bottom: 10rpx;
    }
    .house_address{
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp:2;
      font-size: 28rpx;
      padding-bottom: 6rpx;
    }
    .house_city_area{
        display: flex;
        padding-bottom: 6rpx;
        .house_city{
            font-size: 28rpx;
            border-right: 1px solid #ccc;
            padding-right: 30rpx;
        }
        .house_area{
            font-size: 28rpx;
            padding-left: 30rpx;
        }
    }
    .house_price{
      color: red;
      font-size: 30rpx;
      font-weight: bold;
    }
  }
}

